// 谷歌滚动条
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background: #bfc4d0;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(56, 74, 82, 0.7);
}

// 设置火狐浏览器滚动条
html {
  scrollbar-color: #bfc4d0 transparent;
  scrollbar-width: thin;
}

* {
  font-family: "Noto Sans SC", "Helvetica Neue", Helvetica, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
// flex
.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
}

.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
// 全屏
.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.pointer {
  cursor: pointer;
}

// 按钮组
.btn-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

// 100%
.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.wh100 {
  width: 100%;
  height: 100%;
}

$minValue: 5;
$maxValue: 20;

// 常用边距
//padding
@for $i from $minValue through $maxValue {
  .pd-#{$i} {
    padding: $i + px;
  }
}
// 水平
@for $i from $minValue through $maxValue {
  .pd-h-#{$i} {
    padding: 0 $i + px;
  }
}
// 垂直
@for $i from $minValue through $maxValue {
  .pd-v-#{$i} {
    padding: $i + px 0;
  }
}
// margin
@for $i from $minValue through $maxValue {
  .mg-#{$i} {
    margin: $i + px;
  }
}

// 常用字体大小
@for $i from 12 through 24 {
  .font-#{$i} {
    font-size: $i + px;
  }
}

.font-white {
  color: #fff;
}

// 字体粗细
.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal;
}
